<!DOCTYPE html>
<html>
<head>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/jsp/head.jsp"%>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/lib/bootstrap/css/bootstrap-table.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/lib/bootstrap/css/bootstrap-popup.css">

<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-dialog.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-table.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-menu.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-button.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-popup.js"></script>
<script src="${pageContext.request.contextPath}/static/js/lib/bootstrap/js/bootstrap-modal.js"></script>
<script src="${pageContext.request.contextPath}/static/js/data/data.js"></script>
<script src="${pageContext.request.contextPath}/static/js/data/user.js"></script>
<script src="${pageContext.request.contextPath}/static/js/menu.js"></script>
<script type="text/javascript">
var dialog;
$(function () {
    $("#multiPopup").BootstrapPopup({
    	readonly: true,
    	multiMode: true,
    	header: '人员选择',
    	valueField: 'loginName',
    	textField: 'userName',
    	editor: {
    		type: 'table',
    		options: {
    			columns: [
  						{display : '登录名', name: 'loginName'},
  						{display : '姓名', name: 'userName'},
  						{display : '电话', name: 'userPhone'},
  						{display : '移动电话', name: 'userMPhome'},
  						{display : '电子邮箱', name: 'userEmail'},
    			],
 				url: '${pageContext.request.contextPath}/TtApplicationUserController/getUserList',		
 				usePager: false
    		}
    	},
    	
    });
	
});

function getData(){
	var value = $("#multiPopup").BootstrapPopup('getValue');
	alert(value);
}

</script>
</head>

<body>

	<div class="container">  
		<nav id="menu"></nav>
				
		<div class="panel panel-default">
	        <div class="panel-heading">弹出多选框</div>
			<div class="panel-body">
			    <div>
			        <div id="multiPopup" class="col-sm-3"></div>			           
			    </div>
		     </div>
		     <div class="panel-footer">
		     </div>
	    </div>  
    </div>    
</body>

</html>